<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html部分 -->
		<style>
			/*css注释方式*/
			/*css部分：选择器：抓取页面元素，元素增加效果
			           选择器{
						   属性：属性值;
						   属性：属性值;
					   }
			*/
		   p{
			   width:200px;
			   height:200px;
			   background:#e4393c;/*16禁止色值*/
		   }
		</style>
	</head>
	<body>
		<!-- ①内联样式表，叫做行内样式表【开发不用】
		    语法：前标记 style="属性:属性值;属性:属性值;"
			-->
		<div style="width:300px;height:300px;background:red;"></div>
		<!--②内部样式表【开发不用：练习专用】
		    html部分：在head元素中，添加style元素
			css部分：在style元素中，添加css样式
		  -->
		  <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque eum vitae, aut pariatur similique ex molestias debitis at ut nisi sit iste suscipit neque est tempore. Eveniet sit itaque veniam?</p>
	</body>
</html>